

<template>
	<view class="bg-F5F5F5" style="height: 100vh;">
		<view class=""
			style=" background: linear-gradient(180deg, #F5E0C1 0%, rgba(245, 224, 193, 0) 100%); overflow: hidden;">
			<view class="flex bg-FFFFFF mx-28 mt-20 px-28 pt-28 pb-30 bor-r16" style="">
				<view class="bor-r16 mr-20" style="width: 134rpx;height: 134rpx;">
					<image :src="baseUrl+dataList.image" mode=""  style="width: 134rpx;height: 134rpx;border-radius: 50%;"></image>
				</view>
				<view class="f-400 c-77 f-26 " style="flex:1">
					<view class="just-between">
						<view class="f-bold c-11 f-40">
							{{dataList.doctor_name}}
						</view>
						<view class="flex">
							<view class="mr-60" style="width: 40rpx;height: 40rpx;position: relative;">
								<button open-type="contact" class="btn" style="position: absolute;top: 0;left: 0;z-index: 10;width: 40rpx;height: 40rpx;opacity: 0;">打开客服</button>
								<image src="../static/doct/message.png" mode="" class=""></image>
							</view>
							<view class="" style="width: 40rpx;height: 40rpx;" @click="phone">
								<image src="../static/doct/phonenum.png" mode=""></image>
							</view>
						</view>
					</view>
					<view class="mt-12 flex">
						<view class="mr-24" >
							<!-- 儿科 -->
							<block v-if="dataList.type_name">
								{{dataList.type_name}}
							</block>
						</view>
						<view class="">
							{{dataList.doctor_position}}
						</view>
					</view>
					<view class="mt-12">
						<!-- 首都医科大学附属北京友谊医院 -->
						{{dataList.hospital_name}}
					</view>
					<view class="mt-20">
						<view class="mt-10   flex-row-wrap ">
							 
							<view  v-for="(item1,index1) in buttonList":key="index1" class="mt-10 aj-center bor-r6 c-DFB982 mr-20  border-DFB982 f-24 fw-400"
								style="padding-left: 10rpx;padding-right: 10rpx ;padding-top: 6rpx;padding-bottom: 6rpx;">
							{{item1}}
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="mt-20  mx-28  px-28 pt-28 pb-40 bg-FFFFFF bor-r16">
			<view class=" " style=" ">
				<view class="f-32 c-11 f-bold">
					擅长与执业经历
				</view>
				<view class="my-20 c-11 f-26 fw-400" v-html="dataList.goodat">
					 
					<!-- 重症/反复/迁延肺炎；呕吐/腹泻/腹痛等消化系统疾病；重症/急性感染：慢性咳嗽；哮喘；中西医治疗；新生儿疾病；早产儿疾病；语音障碍/运动障碍测评，智力测定，智力开发；心理辅导；营养门诊，母婴营养，生长发育监测管理，瘦小，营养不良，便秘/偏食/厌食治疗，科学喂养，保健；川歧病；手足口病(重症)，传染性单核细胞增多症，EB病毒感染；预防反复肺炎，小儿体质的中西医调养，中草药方剂。产后抑郁对婴儿影响。 -->
				</view>
				
			</view>
			<view class=" " style=" ">
					<view class="f-32 c-11 f-bold">
					教育背景介绍
				</view>
				<view class="my-20 c-11 f-26 fw-400" v-html="dataList.desc">
					 
					<!-- 重症/反复/迁延肺炎；呕吐/腹泻/腹痛等消化系统疾病；重症/急性感染：慢性咳嗽；哮喘；中西医治疗；新生儿疾病；早产儿疾病；语音障碍/运动障碍测评，智力测定，智力开发；心理辅导；营养门诊，母婴营养，生长发育监测管理，瘦小，营养不良，便秘/偏食/厌食治疗，科学喂养，保健；川歧病；手足口病(重症)，传染性单核细胞增多症，EB病毒感染；预防反复肺炎，小儿体质的中西医调养，中草药方剂。产后抑郁对婴儿影响。 -->
				</view>
				
				 
			</view>
			<view class=" " style=" ">
					<view class="f-32 c-11 f-bold">
						
					学术研究成果、获奖介绍
				</view>
				<view class="my-20 c-11 f-26 fw-400" v-html="dataList.get_results">
					<!-- 目前发表SCI论文3篇，国内核心期刊12篇。 -->
					 
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				dataList:{},
				doctormobile:"",
				buttonList:[],
				buttonList1:['dwedfwe ','fwee ef','wefw we','weffwef'],
				baseUrl: this.$baseUrl, //后台域名地址
			}
		},
		onLoad(options) {
			console.log(options)
			this.id=options.id;
		},
		
		onShow() {
			this.$https('doctindex.doctordetail', {
				"id":this.id
			}).then(res => {
				this.dataList=res.data;
				this.doctormobile=res.data.doctor_mobile;
				let items=res.data.doctor_tags;
				let arritem=items.split(',');
				this.buttonList=arritem;
				console.log(arritem)
				console.log(this.buttonList)
				// let data=res.data;
				// this.article=data.article;
				// this.doctor=data.doctor;
				// this.goods=data.goods;
				console.log(res, 'gfuygu')
				// if (res.code === 1) {
				// 	commit('AGENT_INFO', res.data.data);
				// }
				// resolve(res)
			}).catch(e => {
				// reject(e)
			});
		},
		
		methods: {
			message(){
				
			},
			phone(){
				uni.makePhoneCall({
				    phoneNumber: this.doctormobile //仅为示例
				});
			}
		}
	}
</script>

<style scoped>
@import url("@/common/css/fress.css");
	@import url("@/common/css/mycss.css");
</style>
